<template>
  <div>
    <!-- 方式1：通过当前路由规则，获取数据  -->
    <!-- 这样写会导致组件强依赖路由 -->
    通过当前路由规则获取：文章 {{ $route.params.id }}

    <br>
    <!-- 方式2：路由规则中开启 props 传参 -->
    <!-- 这样写可以解除组件对路由的依赖 -->
    通过开启 props 获取：文章 {{ id }}

    <br>

    <button @click="go">go(-2)</button>
  </div>
</template>

<script>
export default {
  name: 'Detail',
  props: ['id'],
  methods: {
    go () {
      this.$router.go(-2)
    }
  },
}
</script>
